html, body {height:auto; position:relative; max-width:950px; }

@charset "utf-8";

@font-face {
  font-family: Square;
  src: url("../fonts/Square.ttf");
}

@font-face {
  font-family: edunline;
  src: url("../fonts/edunline.ttf");
}

@font-face {
  font-family: mechanic;
  src: url("../fonts/Mecha.ttf");
}

@font-face {
  font-family: mechanic;
  src: url("../fonts/Mecha_Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: abstract;
  src: url("../fonts/abstract.ttf");
}
@font-face {
  font-family: minikstt;
  src: url("../fonts/minikstt.ttf");
}

@font-face {
  font-family: cont;
  src: url("../fonts/contb.ttf");
  font-weight:bold;
}

@font-face {
  font-family: cont;
  src: url("../fonts/contm.ttf");
  font-weight:medium;
}

@font-face {
  font-family: cont;
  src: url("../fonts/contl.ttf");
  font-weight:light;
}

@font-face {
  font-family: gnuolane;
  src: url("../fonts/gnuolane.ttf");
}
@font-face {
  font-family: circlegordita;
  src: url("../fonts/New Cicle Gordita.ttf");
}

@font-face {
  font-family: circlegordita;
  src: url("../fonts/New Cicle Gordita Italic.ttf");
  font-style:italic;
}

@font-face {
  font-family: neuropolitical;
  src: url("../fonts/neuropolitical.ttf");
}

@font-face {
  font-family: moltor;
  src: url("../fonts/Moltor.ttf");
}

@font-face {
  font-family: neuropol;
  src: url("../fonts/NEUROPOL.ttf");
}

@font-face {
  font-family: conviction;
  src: url("../fonts/Conviction.ttf");
}


html {
background: 0 0 url(../images/background.png) repeat;
}

.button:hover{
  box-shadow: 0 0 5px 1px #c4111e;
  -webkit-box-shadow: 0 0 5px 1px #c4111e; 
  -moz-box-shadow: 0 0 5px 1px #c4111e; 
  color:#c4111e;
}
.button{
background-color:#414546;
color:#fff;
}

.input{
background-color:#414546;
}

img:hover {
  box-shadow: 0 0 5px 2px #c4111e;
  -webkit-box-shadow: 0 0 5px 2px #c4111e; 
  -moz-box-shadow: 0 0 5px 2px #c4111e; 
}

p,a{
padding-left:10px;
color:white;
font-family: arial sans-serif;
font-size:14px;
}

a{
font-size:14px;
}

p{
font-family: arial sans-serif;
font-size:14px;
}

h3{
font-family:minikstt;
font-size:30px;
text-shadow: 0.1em 0.1em 0.2em black;
}

h4{
color:#232122;
}

h5{
padding-left:15px;
color:#414546;
}

h4:hover,h5:hover{
color:#c4111e;
}

h1,h2,h3{
color:#414546;
text-align:center;
padding:10px;
}

h1{
font-family:moltor;
text-shadow: 0.1em 0.1em 0.2em black;
font-size:28px;
}

h2{
font-family:neuropol;
font-size:18px;
color:#c4111e;
text-shadow: 0.1em 0.1em 0.2em black;
}
a:hover,h3:hover,h1:hover{
color:#c4111e;
}

.sitemap a{
	text-decoration:none;
/*	color:#414546; */
	color:#fff;
	text-shadow: 0.1em 0.1em 0.2em black;
}

.sitemap a:hover{
	color:#c4111e;
}

.accueil{
margin:40px;
margin-top:40px;
}

.accueil li{
color:#c4111e;
}

label{
padding-left:10px;
padding-top:10px;
color:white;
font-style:bold;
}

table{
margin-top:10px;
}

#main{
width:1200px;
min-height:1250px;
}

#searchzone{
float:right;
margin-right:100px;
}


#linelistverti{
position:relative;
float:left;
margin-left:190px;
margin-top:-100px;
margin-bottom:-50px;
}

.dashedlineverti{
background:url(../images/dashedline.png) no-repeat;
height:400px;
width:10px;
margin-top:-150px;
z-index:200px;
}

.dashedlinehori1{
background:url(../images/dashedline_2.png) no-repeat;
position:relative;
float:left;
margin-left:-1050px;
height:22px;
width:800px;
}

.dashedlinehori2{
background:url(../images/dashedline_3.png) no-repeat;
position:relative;
float:right;
margin-right:-820px;
height:22px;
width:150px;
}


#dashed1{
position:relative;
margin-left:-5px;
}
#dashed2{
position:relative;
margin-left:130px;
}
#dashed3{
position:relative;
margin-left:125px;
}

#dashed4{
position:relative;
margin-left:125px;
}


#dashed5{
position:relative;
margin-top:30px;
}

#dashed6{
position:relative;
margin-top:390px;
}

#dashed7{
position:relative;
margin-top:30px;
}

#dashed8{
position:relative;
margin-top:268px;
}


#dashed9{
position:relative;
margin-top:30px;
z-index:200;
}

#dashed10{
position:relative;
margin-top:740px;
z-index:200;
}

#horizontalmenu{
position:relative;
margin-left:300px;
}

#menubar{
position:relative;
background:url(../images/menubar_4.png) no-repeat;
margin-left:100px;
float:right;
height:80px;
width:900px;
z-index:-100;
}

.menuslide{
display:none;
}

#dashed1:hover, #dashed2:hover, #dashed3:hover, #dashed4:hover, #but1:hover, #but2:hover, #but3:hover, #but4:hover, .menucontour:hover{
 opacity: 1;
   /*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
 color:red;
   /*Glow*/
  -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 10px rgba(255,255,255,0.8);
 }
 
.menubutton{
/*background:url(../images/background_2.png) no-repeat; */
background-color:#232122;
height:40px;
width:110px; 
margin-top:-60px;
margin-left:130px;
position:relative;
z-index:100;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 4px 4px black;
-webkit-box-shadow: 4px 4px black;
box-shadow: 4px 4px black;
}


.menucontent{
position:relative;
margin-top:-30px;
text-decoration:none;
z-index:200;
}


.menucontent a{
color:grey;
font-family:"neuropol";
font-size:20px;
text-shadow: 0.1em 0.1em 0.2em black;
} 

.menucontent a:hover{
color:#c4111e;
} 

.menucontent a{
text-decoration:none;
position:relative;
font-size:18px;
}

#menulink1{
margin-left:138px;
z-index:200;
}

#menulink2{
margin-left:35px;
}

#menulink3{
margin-left:35px;
}

#menulink4{
margin-left:40px;
}

#buttonlist{
margin-top:-150px;
}

#but1{

margin-right:-10px;
}

#but2{

margin-left:40px;
}

#but3{

margin-left:30px;
}

#but4{
margin-left:30px;
}

.implant{
display:none;
background:url(../images/Implant_gris_90deg_1.png) no-repeat;
height:50px;
width:50px;
margin-top:-40px;
}

#implant1{
position:absolute;
margin-left:240px;

}

#implant2{
position:absolute;
margin-left:150px;
}

#implant3{
position:absolute;
margin-left:140px;

}

#implant4{
position:absolute;
margin-left:140px;
}

#verticalmenu{
float:left;
margin-top:20px;
margin-left:-50px;
height:400px;
width:300px;
}

#vertimenublock{
margin-top:100px;
margin-left:-40px;
margin-right:-50px;
width :400px;
}

#vertimenublock a{
text-decoration:none;
}

#vertimenublock .header{
font-family:minikstt;
font-size:30px;
color:grey;
text-shadow: 0.1em 0.1em 0.2em black;
}


#vertimenublock .header:hover{
color:#c4111e;
}

.menuheader:hover{
border-color:#141313;
border-style: ridge;

}

.vertimenulink {
	width: 250px;
}

#loginzone{
float:left;
margin-left:-50px;
margin-top:20px;
height:280px;
width:300px;
}

#loginzone a{
text-decoration:none;
}

#loginzone a:hover{
font-style:italic;

}

.menuheader {
	text-align:left;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	font-family: conviction; /*mechanic;*/
	font-weight:medium;
	font-size:20px;
    /*background-color: #232122; */
	background-color: #2b2b2b;
	border-top-style:groove black;
	text-shadow: 0.1em 0.1em 0.2em black;
}

-moz-box-shadow: inset 0 0 5px #19191b;
-webkit-box-shadow: inset 0 0 5px#19191b;
box-shadow: inner 0 0 5px #19191b;

.menubody {
	display:none;
	text-align:right;
	font-family: conviction; /*mechanic;*/
	font-weight:medium;
	font-size:20px;
}

.menubody a , .menuheader a{
  display:block;
  color:#656a6d;
  font-family: conviction; /*mechanic;*/
  font-weight:medium;
  font-size:20px;
  text-decoration:none;
}

.menubody a:hover {
  color: #c4111e;
}

.menuheader a:hover{
color: #c4111e;
}

#contentimplant{
background:url(../images/content_implant.png) no-repeat;
height:800px;
margin-left:-50px;
width:800px;
}

#content{
position:relative;
margin-top:40px;
margin-left: 170px; /*170px; */
min-height:770px; width:924px;
background-color:grey;
*/background:url(../images/background_2.png) repeat; */
-moz-box-shadow: 5px 5px rgba(0,0,0,0.7);
 -webkit-box-shadow: 5px 5px rgba(0,0,0,0.7);
 box-shadow: 5px 5px rgba(0,0,0,0.7);

}


.contentstyle{
background-color:#2b2b2b;
position:relative;
-moz-border-radius: 5px;
 border-radius: 5px;
-moz-box-shadow: 5px 5px rgba(0,0,0,0.7);
 -webkit-box-shadow: 5px 5px rgba(0,0,0,0.7);
 box-shadow: 5px 5px rgba(0,0,0,0.7);
 
 -moz-box-shadow: inset -5px -5px 5px #141313;
 -webkit-box-shadow: inset -5px -5px 5px #141313;
 box-shadow: inset -5px -5px 5px #141313;
 
 opacity:0.95;
filter:alpha(opacity=95);
}

#maincontent{
float:right;
margin-top:20px;
margin-left:10px;
margin-right:-50px;
min-height:760px;
width:700px;
position:relative;
z-index:100;
}

#footer{
position:relative;
height:180px;
width:1100px;
margin-left:90px;
margin-top:30px;
/*background-color:#414546; */
background-color:#373737;

-moz-box-shadow: 5px 5px rgba(0,0,0,0.7);
 -webkit-box-shadow: 5px 5px rgba(0,0,0,0.7);
 box-shadow: 5px 5px rgba(0,0,0,0.7);
 
 -moz-box-shadow: inset -5px -5px 5px #141313;
 -webkit-box-shadow: inset -5px -5px 5px #141313;
 box-shadow: inset -5px -5px 5px #141313;
 border-top-style:outset;
 border-bottom-style:outset;
 border-width:2px;
  opacity:0.9;
filter:alpha(opacity=90);
}

#footer p{
color:white;
}

#footer a{
text-decoration:none;
font-style:italic;
text-shadow: 0.1em 0.1em 0.2em black;
color:#a9a9a9;
}

#footer a:hover{
color:#c4111e;
}

.footercontent{
position:relative;
width:1130px;
display:block;
}

#footer h3{
color:grey;
}

#footer h3:hover{
color:#c4111e;
}

#footer .header{
font-family:"moltor";
font-size:20px;
color:grey;
text-shadow: 0.1em 0.1em 0.2em black;
}

#footer .header:hover{
color:#c4111e;
}

.accueil img{
	margin-left:150px;
	
}

#faq p{
margin:20px;
}